<style>
    .leftDiv{
        width: 48%;
        float: left;
        margin-bottom: 10px;
    }
    .rightDiv{
        width: 48%;
        float: right;
        margin-bottom: 10px;
    }
    /* 半透明的遮罩层 */
    #overlay {
        background: white;
        /*filter: alpha(opacity=50); !* IE的透明度 *!*/
        /*opacity: 0.5;  !* 透明度 *!*/
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 99999; /* 此处的图层要大于页面 */
        /*display:none;*/
    }
    .layui-timeline-title a {
        text-decoration:none !important;
    }
    .panel-header{
        background-color: #0066cc;
    }
    .m-title{
        color: white;
    }
    .l-btn-plain:hover  {
        border:0;
        background-color: #0066cc;
    }
    .centerDiv{
        width: 100%;
        float: right;
        margin-bottom: 10px;
    }
    table tr > td {
        padding: 5px;
    }

    .divTitle {
        text-align: center;
        background-color: #e6e6e6;
        font-size: medium;
        height: 30px;
        line-height: 30px;
    }
    /*.l-btn-focus {*/
    /*outline: #0000FF #0066cc thin!important;*/
    /*}*/
</style>
<div id="mainPanel" class="easyui-navpanel">
    <header>
        <div class="m-toolbar">
            <div id="mainPanel-title" class="m-title">面试信息</div>
        </div>
    </header>
    <table style="width: 100%;">
        <tr>
            <td colspan="2">
                <p>欢迎您加盟学海教育科技有限公司!填报前请仔细阅读以下文字。</p>
                <p><font color='red'>*</font>&nbsp;1.请如实填写，如果没有或不便回答的情况，则不填写。</p>
                <p><font color='red'>*</font>&nbsp;2.应聘资料仅作为招聘用途，代为保密，恕不退还。</p>

            </td>
        </tr>
        <tr>
            <td colspan="2" style="padding: 5px 0px 5px 0px;">
                <div class="divTitle"><b>基本信息</b></div>
            </td>
        </tr>
        <tr>
            <td style="width: 50%;"><font><b>应聘职位:</b> {{ info['sPostName']  }}</font></td>
            <td style="width: 50%;"><font><b>接受录用可在<font color="red">{{ info['sMaxHire']  }}</font>天内到职</b></font></td>
        </tr>
        <tr>
            <td><font><b>应聘途径:</b> {{ info['iEmploySource']  }}</font></td>
            {% if info['iEmploySource'] is defined and  info['iEmploySource'] == '内部员工推荐'  %}
            <td><font><b>推荐人:</b> {{ info['iRecStaff']  }}</font></td>
            {% endif %}
        </tr>
        <tr>
            <td><font><b>姓名:</b> {{ info['sStaffName']  }}</font></td>
            <td><font><b>性别:</b> {{ info['iUserSex']  }}</font></td>
        </tr>
        <tr>
            <td><font><b>出生年月:</b> {{ info['tBirthday']  }}</font></td>
            <td> <font><b>民族:</b> {{ info['sNationName']  }}</font></td>
        </tr>
        <tr>
            <td> <font><b>籍贯:</b> {{ info['sNativePlace']  }}</font> </td>
            <td> <font><b>婚育状况:</b> {{ info['bMarried']  }}</font> </td>
        </tr>
        <tr>
            <td><font><b>出生年月:</b> {{ info['tBirthday']  }}</font></td>
            <td> <font><b>民族:</b> {{ info['sNationName']  }}</font></td>
        </tr>
        <tr>
            <td><font><b>文化程度:</b> {{ info['sCultureLevel']  }}</font></td>
            <td><font><b>联系电话:</b> {{ info['sSelfPhone']  }}</font></td>
        </tr>
        <tr>
            <td colspan="2"> <font><b>身份证:</b> {{ info['sIdentityCode']  }}</font></td>
        </tr>
        <tr>
            <td colspan="2">  <font><b>家庭住址:</b> {{ info['sNowAddress']  }}</font></td>
        </tr>
        <tr>
            <td colspan="2"> <font><b>电子邮箱:</b> {{ info['sEmailAddress']  }}</font></td>
        </tr>
        <tr>
            <td>
                {% if info['bEvection'] == 1  %}
                    <font><b><font color="red">愿意</font>驻外/出差</b></font>
                {% else %}
                    <font><b><font color="red">不愿意</font>驻外/出差</b></font>
                {% endif %}
            </td>
        </tr>
        <tr>
            <td colspan="2"><font><b>职称:</b> {{ info['sPostLevel']  }}</font></td>
        </tr>
        <tr>
            <td colspan="2"><font><b>健康状况:</b> {{ info['mHealth']  }}</font> </td>
        </tr>
        <tr>
            <td>
                {% if info['bCarPlate'] == 1 %}
                    <font><b><font color="red">有</font>驾驶证</b></font>
                {% else %}
                    <font><b><font color="red">没有</font>驾驶证</b></font>
                {% endif %}
            </td>
            <td>
                {% if info['iCarVeteran'] == 1 %}
                    <font><b><font color="red">偶尔</font>开车</b> </font>
                {% elseif info['iCarVeteran'] == 2  %}
                    <font><b>><font color="red">经常</font>开车</b></font>
                {% else %}
                    <font><b><font color="red">未曾</font>开车</b></font>
                {% endif %}
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <font><b>准驾车型:</b> {{ info['sUseCar']  }}</font>
            </td>
        </tr>

        <tr>
            <td colspan="2" style="padding: 5px 0px 5px 0px;">
                <div class="divTitle"><b>主要教育及培训经历</b></div>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <ul id="tchHistory" class="layui-timeline">
                    {% if info['tchHistory'] is defined and  info['tchHistory'] | length > 0  %}
                        {% for index,item in info['tchHistory'] %}
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis"></i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">{{ item['sStartTime'] }}至 {% if item['sEndTime'] is defined %}  {{ item['sEndTime'] }} {% else %} 至今 {% endif %}  </h3>
                                    <p style="font-size: medium">学校名称：{{ item['sName'] }}</p>
                                    <p style="font-size: medium">学位：{{ item['sExtraName'] }}</p>
                                    <p style="font-size: medium">专业：{{ item['sMajor'] }}</p>
                                    <p>
                                        获得途径：<br> {{ item['mDesc'] }}
                                    </p>
                                    <hr>
                                </div>
                            </li>
                        {% endfor %}
                    {% else %}
                        <p style="text-align: center">暂无数据</p>
                    {% endif %}
                </ul>
            </td>
        </tr>
        <tr>
            <td colspan="2" style="padding: 5px 0px 5px 0px;">
                <div class="divTitle"><b>主要工作经历</b></div>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <ul id="workHistory" class="layui-timeline">
                    {% if info['workHistory'] is defined and  info['workHistory'] | length > 0  %}
                        {% for index,item in info['workHistory'] %}
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis"></i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">{{ item['sStartTime'] }}至 {% if item['sEndTime'] is defined %}  {{ item['sEndTime'] }} {% else %} 至今 {% endif %}  </h3>
                                    <p style="font-size: medium">公司名称:{{ item['sName'] }}</p>
                                    <p style="font-size: medium">职位：{{item['sExtraName']}}</p>
                                    <p style="font-size: medium">证明人：{{item['sCertifier'] }} {% if item['sPhone'] is defined %} {{ '('~item['sPhone']~')'  }} {% endif %}</p>
                                    <p>
                                        离职原因:<br> {{  item['mDesc'] }}
                                    </p>
                                    <hr>
                                </div>
                            </li>
                        {% endfor %}
                    {% else %}
                        <p style="text-align: center">暂无数据</p>
                    {% endif %}
                </ul>
            </td>
        </tr>
        <tr>
            <td colspan="2" style="padding: 5px 0px 5px 0px;">
                <div class="divTitle"><b>重要项目经历</b></div>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <ul id="itemHistory" class="layui-timeline">
                    {% if info['itemHistory'] is defined and  info['itemHistory'] | length > 0  %}
                        {% for index,item in info['itemHistory'] %}
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis"></i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">{{ item['sStartTime'] }}至 {% if item['sEndTime'] is defined %}  {{ item['sEndTime'] }} {% else %} 至今 {% endif %}  </h3>
                                    <p style="font-size: medium">项目名称:{{ item['sName'] }}</p>
                                    <p>描述:<br>
                                        {{  item['mDesc'] }}
                                    </p>
                                    <hr>
                                </div>
                            </li>
                        {% endfor %}
                    {% else %}
                        <p style="text-align: center">暂无数据</p>
                    {% endif %}
                </ul>
            </td>
        </tr>
        <tr>
            <td colspan="2" style="padding: 5px 0px 5px 0px;">
                <div class="divTitle"><b>家庭成员</b></div>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <ul id="family" class="layui-timeline">
                    {% if info['family'] is defined and  info['family'] | length > 0  %}
                        {% for index,item in info['family'] %}
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis"></i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title"> {{ item['sRelation'] }}</h3>
                                    <p style="font-size: medium">名字:{{ item['sName'] }} </p>
                                    <p style="font-size: medium">联系电话:{{ item['sPhone'] }}</p>
                                    <p style="font-size: medium">工作单位:{{ item['sCompany'] }}</p>
                                    <hr>
                                </div>
                            </li>
                        {% endfor %}
                    {% else %}
                        <p style="text-align: center">暂无数据</p>
                    {% endif %}
                </ul>
            </td>
        </tr>
        <tr>
            <td colspan="2" style="padding: 5px 0px 5px 0px;">
                <div class="divTitle"><b>期望及评价</b></div>
            </td>
        </tr>
        <tr>
            <td><font><b>当前月薪:</b> {{ info['sCurMoSalary']  }}</font></td>
            <td><font><b>当前年薪:</b> {{ info['sCurYeSalary']  }}</font></td>
        </tr>
        <tr>
            <td><font><b>期望月薪:</b> {{ info['sHpMoSalary']  }}</font></td>
            <td><font><b>期望年薪:</b> {{ info['sHpYeSalary']  }}</font></td>
        </tr>
        <tr>
            <td colspan="2">
                <p >
                    个人发展目标及自我评价:<br>
                    {{ info['mEvaluate']  }}
                </p>
            </td>
        </tr>
        <tr>
            <td colspan="2" style="padding: 5px 0px 5px 0px;">
                <div class="divTitle"><b>承诺签字</b></div>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <p>&nbsp;&nbsp;&nbsp;&nbsp;<font color='red'>*</font>郑重声明:</p>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;本人保证以上所提供的材料均真实准确，如有隐瞒不实之处，本人愿意承担一切责任。</p>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;本人签名如下</p>
                <br>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                {% if info['mSignature'] is defined %}
                    <img src="{{ info['mSignature'] }}" style="height: 300px;width: 100%;">
                {% endif %}
            </td>
        </tr>
        {% if showComment %}
        <tr>
            <td colspan="2">
                <a id="comment" class="easyui-linkbutton" data-options="iconCls:'fa fa-comment fa-lg'" style="padding:5px 0px;width:100px;float: right;margin-right: 5px;">
                    <span style="font-size:14px;">面试评价</span>
                </a>
            </td>
        </tr>
        {% endif %}

    </table>
</div>
{# 面试提交 #}
<div id="commentPanel" class="easyui-navpanel">
    <header>
        <div class="m-toolbar">
            <div class="m-left">
                <a id="familyBack" href="#mainPanel" class="easyui-linkbutton" data-options="plain:true,outline:false,animation:'slide',direction:'right'" style="color: white">返回</a>
            </div>
            <div class="m-title">面试评价</div>
            <div class="m-right">
                <a class="easyui-linkbutton" data-options="plain:true,outline:false" style="color: white" onclick="obj.funObj().saveComment()">保存</a>
            </div>
        </div>
    </header>
    <form style="padding: 10px;">
        {% if interviewInfo is defined %}
            <div style="margin-bottom:10px">
                <div class="centerDiv">
                    <select id="mSuggest" class="easyui-combobox" label="<font color='red'>*</font>&nbsp;建议:" name="mSuggest" style="width:100%"
                    data-options="editable:false,labelPosition:'top',panelHeight:80">
                        {% for index,text in mSuggest %}
                            <option value="{{ text }}"  {% if interviewInfo['mSuggest'] == text  %} selected {% endif %} >{{ text }}</option>
                        {% endfor %}
                    </select>
                    <input name="iHIId" type="hidden" value="{{ interviewInfo['iHIId'] }}">
                    <input name="iIndex" type="hidden" value="{{ interviewInfo['iIndex'] }}">
                    <input name="iSourceId" type="hidden" value="{{ interviewInfo['iSourceId'] }}">
                </div>
            </div>
            <div style="margin-bottom:10px">
                <input  class="easyui-textbox mEvaluate" label="<font color='red'>*</font>&nbsp;评价:" name="mEvaluate" style="width:100%;height: 200px;"
                data-options="labelPosition:'top',prompt:'评价',multiline:true" value="{{ interviewInfo['mEvaluate'] }}" />
            </div>
        {% endif %}
    </form>
</div>